$(function () {
    // 1.获取用户信息渲染头像
    // 调用全局函数
    getUserInfo()

    // 2. 点击退出按钮 删除token值 和跳转到登录到页面
    $('#logout').on('click', function () {
        //  点击后弹出对话框 询问是否退出
        layer.confirm('是否确认退出?', { icon: 3, title: '提示' }, function (index) {
            //  确认后执行里面的内容
            localStorage.removeItem('token')
            location.href = '/login.html'
            layer.close(index);
        });
    })
})

// 获取用户信息渲染头像封装成函数===>必须设置为全局函数
function getUserInfo() {
    axios({
        method: 'GET',
        url: '/my/userinfo',
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(res => {
        console.log(res);
        if (res.data.status !== 200) {
            return layui.layer.msg(res.data.message)
        }
        // 然后通过判断返回值(res.data.data)渲染头像区域
        renderAvatar(res.data.data)
    })
}

// 渲染用户头像和信息函数
function renderAvatar(user) {
    let uname = user.nickname || user.username   // 优先获取nickname属性
    // 用户名字添加到标签中
    $('.welcome').html("欢迎123" + uname)
    // 处理头像,如果有头像渲染图片头像 ===>隐藏文字头像,显示图片头像
    if (user.user_pic !== null) {
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src', user.user_pic)
    } else {
        $('.layui-nav-img').hide()  // 隐藏图片显示文字头像
        // 渲染uname字符串中第一个字大写
        let first = uname[0].toUpperCase()
        $('.avatar-text').show().html(first)
    }
}